<!DOCTYPE html>
<html>
    <head>
        <title>{$item_name} 详情</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="/static/css/bootstrap.min.css"/>        
        <link rel="stylesheet" href="/static/css/store.css"/>

    </head>
    <body>
        <div class="container">
        <div class="row">
        <div class="col-xs-12 col-md-6 icon"><img src="{:cmf_get_image_url($item_icon)}" title="预览"/></div>
        <div class="col-xs-12 col-md-6 info">
        <div>{$item_name}</div>
        <foreach name="attrs" item="vo">
            <div>{$vo.attr_name}</div>
            <div class="btn-group js_btn_group" role="group">
            <foreach name="vo.values" item="v">
                <if condition="$vo.main eq 1">
                    <a data-count="{$v.count}" data-price="{$v.price}" class="btn btn-outline-primary">{$v.attr_value}<if condition="$v.count lt 1"><label class="lack">:库存不足</label></if></a>
                    <else/>
                    <a class="btn btn-outline-success">{$v.attr_value}</a>
                </if>
            </foreach>
            </div>
        </foreach>
        <div class="mt-2 alert alert-primary" role="alert">
            请选择商品类型
        </div>
        
        <div class="mt-2">
            <a class="btn btn-primary buy disabled">立即购买</a>
        </div>
        </div>
        </div>
        
        <div class="clear">
            {$item_desc}
        </div>
        </div>
        <script src="/static/js/jquery.js"></script>
        <script src="/static/js/store.js"></script>
    </body>
</html>
